<template>
  <div style="display: inline-block">
    {{ value | moneyFormatter }}元
  </div>
</template>

<script>
/**
 * @author yizuomin
 * @date 2023/4/1 11:24
 **/

export default {
  name: 'MoneyFormat',
  filters: {
    moneyFormatter(data) {
      // return data.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
      // return parseFloat(data).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
      // 将输入转换为数字类型
      const number = parseFloat(data)

      // 如果输入不是有效数字，则返回空字符串
      if (isNaN(number)) {
        return ''
      }
      // 使用 toLocaleString 方法将数字格式化为带千位分隔符的字符串
      return number.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
    }
  },
  props: {
    value: {
      type: String,
      default() {
        return '0.00'
      }
    }
  }
}
</script>

<style scoped>

</style>
